import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import mitt from 'mitt';
import ElBlock from '@/components/Block.vue';
import App from './App.vue';
import './registerServiceWorker';
import router from './router';
import store from './store';
import './styles/index.scss';
import { drag, drop, stretch } from './directives/index';

const app = createApp(App);
app.config.globalProperties.$mitt = mitt();
app.component(ElBlock.name, ElBlock);
drag(app);
drop(app);
stretch(app);
app.use(store);
app.use(router);
app.use(ElementPlus);
app.mount('#app');
